import React, { ReactElement } from 'react'
import { Tabs } from 'antd';
import HeroCard from './HeroCard';

const { TabPane } = Tabs;

interface Props {

}

function callback(key: string) {
    // console.log(key);
}

export default function HeroAdmin({ }: Props): ReactElement {
    return (
        <div>
            <Tabs defaultActiveKey="1" onChange={callback}>
                <TabPane tab="最佳搭档" key="1">
                    {/* partners */}
                    {/* desc  描述 */}
                    {/* hero  英雄id */}
                    {/* _id */}
                    <HeroCard com="partners"/>
                </TabPane>
                <TabPane tab="被谁克制" key="2">
                    {/* restrained */}
                    <HeroCard com="restrained"/>
                </TabPane>
                <TabPane tab="克制谁" key="3">
                    {/* restraint */}
                    <HeroCard com="restraint"/>
                </TabPane>
            </Tabs>
        </div>
    )
}
